body {
    color: #333;
    font-family: "Microsoft YaHei","STHeiti",Helvetica,Arial,sans-serif;
}
.navbarfixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
}
.nav1{
	width: 100%;
	height: 56px;
	background-color: rgba(255,255,255,0.95);
	border-bottom: 1px solid #e5e5e5;
	padding: 0 10px;
}

.nav1  img{
	height: 94px;
	display: inline;
	z-index: 1000;
}
.nav1 .menu {
	position: absolute;
	left: 220px;
	top: 0;
	display: inline;
}
.nav1 .menu ul {
	list-style:none; /* 去掉ul前面的符号 */
    margin: 0px; /* 与外界元素的距离为0 */
    padding: 0px; /* 与内部元素的距离为0 */
}
.nav1 .menu ul li
{
    float:left; /* 向左漂移，将竖排变为横排 */
    width: 80px; /* 宽度根据元素内容调整 */
    height: 56px;
}
.nav1 .menu ul li a {
	text-align: center;
	line-height: 50px;
	text-decoration: none;
	background-color: #fff;
	color: #666;
}
.nav1 .menu ul li a:hover{
	background-color: #8ec325;
	color: #fff;
}
.nav1 .menu ul li a p {
	background-color: transparent;
	font-size: 15px;
	height: 50px;
	margin: 3px;
}
.nav1 .menu ul li a p:hover {
	border-radius: 10px;
	background-color: rgb(142,195,37);
}
.nav1 .search {
	position: absolute;
	left: 560px;
	top: 0;
	width: 300px;
	line-height: 56px;
	display: inline;
}
.nav1 .search .input-group .search-input {
	line-height: 56px;
}
.nav1 .search .input-group .search-input input{
	margin-top: 11px;
	margin-left: -1px;
}
.nav1 .search .input-group .inputnext button{
	margin-left: -2px;
}
.nav1 .right-items {
	position: absolute;
	right: 0;
	top: 0;
	display: inline;
}
.nav1 .right-items ul {
	list-style:none; /* 去掉ul前面的符号 */
    margin: 0px; /* 与外界元素的距离为0 */
    padding: 0px; /* 与内部元素的距离为0 */
}
.nav1 .right-items ul li
{
    float:left; /* 向左漂移，将竖排变为横排 */
    width: 67px; /* 宽度根据元素内容调整 */
    height: 56px;
    margin-right: 8px;
}
.nav1 .right-items ul li a {
	text-decoration: none;
}

.nav1 .right-items ul li a .icon
{
	width: 40px;
	height: 40px;
	margin-left: 8px;
	margin-top: 0;
	text-align: center;
	line-height: 40px;
	font-size: 18px;
	color: rgb(142,195,37);
}
.nav1 .right-items ul li a .icon:hover
{
	width: 40px;
	height: 40px;
	margin-left: 8px;
	margin-top: 0;
	text-align: center;
	line-height: 40px;
	font-size: 20px;
	color: rgb(142,195,37);
}
.nav1 .right-items ul li a .iconuser:hover {
	animation:iconuser 1s linear 0.2s infinite;
}
.nav1 .right-items ul li a .iconheart:hover {
	animation:iconheart 1s linear 0.2s infinite;
}
.nav1 .right-items ul li a .iconcart:hover {
	animation:iconcart 1s linear 0.2s infinite;
}
.nav1 .right-items ul li a .label p {
	margin-left: 8px;
	margin-top: -5px;
	padding: 0;
	width: 40px;
	height: 16px;
	font-size: 10px;
	color: #666;
}
.nav1 .right-items ul li a .label p:hover {
	color: #999;
}
.nav2{
	width: 100%;
	height: 50px;
	background-color: rgba(255,255,255,0.95);
	border-bottom: 1px solid #e5e5e5;
}
.nav2 .menu2 {
	position: absolute;
	left: 220px;
	top: 50px;
	display: inline;
}
.nav2 .menu2 ul {
	list-style:none; /* 去掉ul前面的符号 */
    margin: 0px; /* 与外界元素的距离为0 */
    padding: 0px; /* 与内部元素的距离为0 */
}
.nav2 .menu2 ul li
{
    float:left; /* 向左漂移，将竖排变为横排 */
    width: 100px; /* 宽度根据元素内容调整 */
    height: 50px;
}
.nav2 .menu2 ul li a {
	text-align: center;
	line-height: 50px;
	text-decoration: none;
	background-color: #fff;
	color: #666;
}
.nav2 .menu2 ul li a:hover{
}
.nav2 .menu2 ul li a p {
	background-color: transparent;
	font-size: 14px;
	height: 50px;
	margin: 3px;
}
.nav2 .menu2 ul li a p:hover{
	border-radius: 3px;
	box-shadow: 0 4px 4px -1px rgba(0,0,0,0.2);
}

.recommend {
}
.recommend div a {
	text-align:center;
	color: #333333;
}
.recommend div a:hover {
	text-decoration: none;
	color: #333333;
}
.recommend div a img{
	width: 175px;
	height:175px;
	transition: All 0.4s ease-in-out;
	-webkit-transition: All 0.4s ease-in-out;
	-moz-transition: All 0.4s ease-in-out;
	-o-transition: All 0.4s ease-in-out;
	-ms-transform: All 0.4s ease-in-out;
}
.recommend div a img:hover{
	width: 175px;
	height:175px;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
}
.recommend div a h4 {
	width: 175px;
	height: 30px;
}
footer {
	width: 100%;
	height: 276px;
	background-color: #E5E5E5;
	padding-top: 30px;
}
footer ul li {
	font-size: 15px;
	width: 100%;
	height: 30px;
	padding: 10px 0 ;
}
footer ul li a{
	color: #333333;
}
footer ul li a:hover{
	color: #999999;
}


/*动画*/
@keyframes iconuser
{
0%   {transform:rotate(0deg);}
15%  {transform:rotate(-7deg);}
30%  {transform:rotate(7deg);}
45% {transform:rotate(-7deg);}
60% {transform:rotate(7deg);}
75% {transform:rotate(0deg);}
}
@keyframes iconheart
{
0%   {transform:scale(1);}
15%  {transform:scale(1.2);}
30%  {transform:scale(0.8);}
45% {transform:scale(1.2);}
60% {transform:scale(0.8);}
75% {transform:scale(1);;}
}
@keyframes iconcart
{
0%   {transform:translate(0,0);}
25%  {transform:translate(-4px,0);}
50%  {transform:translate(0,0);}
75% {transform:translate(4px,0);}
100% {transform:translate(0,0);}
}